<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
    <%--常量--%>
    <%@ include file="/common/constHead.jsp"%>
    <%--jQuery--%>
    <%@ include file="/common/jqueryHead.jsp"%>
    <%--jo--%>
    <%@ include file="/common/joHead.jsp"%>
    <%--bootstrap和字体--%>
    <%@ include file="/common/bootstrapHead.jsp"%>
    <%--layer--%>
    <%@ include file="/common/layerHead.jsp"%>
    <%--公共--%>
    <%@ include file="/common/commonHead.jsp"%>
    <%--日期选择--%>
    <%@ include file="/common/dateHead.jsp"%>
    <%@ include file="/common/uploadHeadOfImg.jsp"%>
    <title>水源表单</title>
        <script type="text/javascript">
            $(function(){
                loadGradeItem();//加载得分
                var jParams = {
                    "PKName" : "id",//主键属性名
                    "saveAfter" : "toEdit",
                    "addUrl" : "travel/source/insertSourceAndGrade.action",//新增
                    "deleteUrl" : "travel/source/delete.action",//删除
                    "updateUrl" : "travel/source/updateSourceAndGrade.action",//修改
                    "formDataUrl" : "travel/source/getSource.action"	//查询
                };
                joForm.initFormPage(jParams);//初始化
                //autoFloatButtonBar();
                loadImg();//加载照片
            });
            //初始化表单值前处理
            joForm.initFormValueBefore = function(oJson){
                oJson.surveyDate = jo.formatDate(oJson.surveyDate);
            };
            //新增成功回调
            joForm.saveSuccessAfter = function(result){
                top.jo.showMsg("创建成功!");//提示信息
                top.main.joView.reloadCurrentPage();//重新加载父页面数据
                jo.closeSelf('WIN_ADD');//关闭自己
            };
            //删除成功回调
            joForm.delSuccessAfter = function(){
                top.jo.showMsg("修改成功!");//提示信息
                top.main.joView.reloadCurrentPage();//重新加载父页面数据
                jo.closeSelf('WIN_EDIT');//关闭自己
            };
            //修改成功回调
            joForm.updateSuccessAfter = function(){
                top.jo.showMsg("修改成功!");//提示信息
                top.main.joView.reloadCurrentPage();//重新加载父页面数据
                window.location.reload();//刷新当前页面
            };
            //修改前对数据做处理
            joForm.dealDataAtUpdateBefore = function(oData){
                formSubmitBefore(oData);
            };
            //新增前对数据做处理
            joForm.dealDataAtSaveBefore = function(oData){
                formSubmitBefore(oData);
            };
            //表单提交时的处理
            function formSubmitBefore(oData){
                oData.grade = document.getElementsByName("grade")[0].value;
                oData.rank = document.getElementsByName("rank")[0].value;
                oData.gradePerson = document.getElementsByName("gradePerson")[0].value;
                oData.surveyDate = document.getElementsByName("surveyDate")[0].value;
                //得分信息包装,格式为:档次id@得分,多个用逗号拼接
                var a = [];
                for(var k in GRADE){
                    a.push(GRADE[k]);
                }
                oData.gradeStr = a.join(",");
            }

            //联动回显
            //初始化表单值后处理
            joForm.initFormValueAfter = function(oJson){
                choiceOne();//主动调用省份选择来加载当前省的市
                document.getElementsByName("grade")[0].value = joForm.formData.grade;
                document.getElementsByName("rank")[0].value = joForm.formData.rank;
                document.getElementsByName("gradePerson")[0].value = joForm.formData.gradePerson;
                document.getElementsByName("surveyDate")[0].value = joForm.formData.surveyDate;
            };
            var flag1 = true;
            var flag2 = true;
            //省选择回调
            function choiceOneCall(pro){
                if(joForm.formData.typeTwo && flag1 && pro == joForm.formData.typeOne){//表单初始化同步市选择
                    $("#typeTwo").val(joForm.formData.typeTwo);
                    flag1 = false;
                    choiceTwo();//由于使用val()方法不会触发onchange事件,所以在这手动进行触发
                }
            }
            //市选择回调
            function choiceTwoCall(city){
                if(joForm.formData.typeThree && flag2 && city == joForm.formData.typeTwo){//表单初始化同步县选择
                    $("#typeThree").val(joForm.formData.typeThree);
                    flag2 = false;
                }
            }
            //加载评分项,画出评分表格界面
            var arr = [];
            var map = {};
            function loadGradeItem(){
                jo.postAjax("travel/item/getItemList.action", {}, function(json){
                    if(json && json.code == 0){
                        if(json.data && json.data.length > 0){
                            //格式化
                            for(var i=0;i<json.data.length;i++){
                                var item = json.data[i];
                                if(item.stype == "1"){//评分项
                                    map[item.id] = arr.push({id:item.id, name:item.name, child:[]}) - 1;//存入数组并记录索引
                                }
                            }
                            for(var i=0;i<json.data.length;i++){
                                var item = json.data[i];
                                if(item.stype == "2"){//档次
                                    var obj = arr[map[item.parentId]];//取到对应评分项
                                    obj.child.push(item);
                                }
                            }
                            var _html = '';
                            //生成表格
                            for(var i=0;i<arr.length;i++){
                                var one = arr[i];//评分项
                                var min = null;//最低分
                                var max = null;//最高分
                                for(var j=0;j<one.child.length;j++){
                                    var item = one.child[j];//档次
                                    if(min == null || min > parseInt(item.gradeMin)){//最低分无效或者大于当前档次的最低分时,更新最低分
                                        min = parseInt(item.gradeMin);
                                    }
                                    if(max == null || max < parseInt(item.gradeMax)){//最高分无效或者小于当前档次的最高分时,更新最高分
                                        max = parseInt(item.gradeMax);
                                    }
                                    _html += '<tr>';
                                    if(j == 0){
                                        _html += '<td rowspan="'+one.child.length+'"><b>'+one.name+'</b></td>';
                                    }
                                    _html += '<td class="name_'+one.id+'" id="name_'+item.id+'">'+item.name+'</td>';
                                    if(item.gradeMin == item.gradeMax){
                                        _html += '<td id="area_'+item.id+'" class="text-center area_'+one.id+'">'+item.gradeMin+'</td>';
                                    }else{
                                        _html += '<td id="area_'+item.id+'" class="text-center area_'+one.id+'">'+item.gradeMin+' ~ '+item.gradeMax+'</td>';
                                    }
                                    if(j == 0){
                                        _html += '<td rowspan="'+one.child.length+'"><input onchange="checkGrade(\''+one.id+'\', this)" type="number" id="grade_'+one.id+'" name="grade_'+one.id+'" class="form-control input-sm text-center grade_item" placeholder="得分"></td>';
                                    }
                                    _html += '</tr>';
                                }
                                one.min = min;
                                one.max = max;
                            }
                            $("#item_show").html(_html);

                            //加载得分数据(修改页)
                            if(!joForm.isAdd && joForm.params.PKValue){
                                //查询当前资源的得分数据
                                jo.postAjax("travel/sourceGrade/getSourceGradeList.action", {sourceId:joForm.params.PKValue}, function(json){
                                    if(json && json.code == 0) {
                                        if (json.data && json.data.length > 0) {
                                            for(var i=0;i<json.data.length;i++) {
                                                var item = json.data[i];
                                                $("#grade_"+item.item.parentId).val(item.grade);//分数回显
                                                GRADE[item.item.parentId] = item.itemId + "@" + item.grade;//记录得分
                                                //选项提示
                                                $("#name_"+item.itemId).addClass("item-checked");
                                                $("#area_"+item.itemId).addClass("item-checked");
                                            }
                                        }
                                    }
                                }, true);
                            }
                        }


                    }
                }, true);
            }
            //验证输入分数,参数为评分项id
            var GRADE = {};
            function checkGrade(oneId, obj){
                //查找对应评分项对象
                var one = arr[map[oneId]];
                if(one) {
                    //alert(isNaN(obj.value)+"--"+obj.value)
                    if(obj.value){
                        if(isNaN(obj.value)){//由于使用的number类型的input,非数到不了这里,在if(obj.value)处就被干掉了
                            jo.showMsg("请输入正确的数字！", {icon:2});
                            $(".name_"+oneId).removeClass("item-checked");
                            $(".area_"+oneId).removeClass("item-checked");
                            obj.value = '';//清理输入项
                            delete (GRADE[one.id]);//删除记录
                        }else{
                            obj.value = parseInt(obj.value);
                            for(var j=0;j<one.child.length;j++){//匹配输入分数的区间
                                var item = one.child[j];//档次
                                if(parseInt(obj.value) >= parseInt(item.gradeMin) && parseInt(obj.value) <= parseInt(item.gradeMax)){//匹配输入值是否在此档次内
                                    $(".name_"+item.parentId).removeClass("item-checked");
                                    $("#name_"+item.id).addClass("item-checked");
                                    $(".area_"+item.parentId).removeClass("item-checked");
                                    $("#area_"+item.id).addClass("item-checked");
                                    GRADE[item.parentId] = item.id + "@" + obj.value;//记录得分
                                    //求和
                                    var sum = 0;
                                    $(".grade_item").each(function(ele, idx){
                                        if(this.value){
                                            sum += parseInt(this.value);
                                        }
                                    });
                                    document.getElementsByName("grade")[0].value = sum;
                                    break;
                                }else{
                                    if(j == one.child.length - 1){
                                        jo.showMsg("输入值超出规定得分范围，请重新输入！", {icon:2});
                                        $(".name_"+item.parentId).removeClass("item-checked");
                                        $(".area_"+item.parentId).removeClass("item-checked");
                                        obj.value = '';//清理输入项
                                        delete (GRADE[item.parentId]);//删除记录
                                    }
                                }
                            }
                        }
                    }else{
                        $(".name_"+oneId).removeClass("item-checked");
                        $(".area_"+oneId).removeClass("item-checked");
                        obj.value = '';//清理输入项
                        delete (GRADE[one.id]);//删除记录
                    }
                }else{
                    console.error("预料之外的错误!");
                }
            }
            //加载旅游资源对应图片
            function loadImg(){
                if(!joForm.isAdd && joForm.params.PKValue){//仅修改表单需要
                    jo.postAjax("travel/travelFile/getTravelFileBySourceIdAndType.action", {"sourceId":joForm.params.PKValue, "stype":"1"}, function(json){
                        if(json && json.code == 0){
                            if(json.data && json.data.length > 0){//存在图片信息
                                var _html = '';
                                for(var i=0;i<json.data.length;i++){
                                    var item = json.data[i];
                                    _html += getImgHtml(item);
                                }
                                $("#ul_img").html(_html);
                            }
                        }
                    }, true);
                }else{
                    $("#img").html("请先保存单体基本信息后再上传照片!");
                }
            }
            //根据图片信息生成用于图片展示的html代码
            function getImgHtml(img){
                //记录图片映射关系
                idxMap[img.id] = imgArr.push({
                            "id" : img.id,//标识图片,删除时重新计算索引需要用到
                            "alt": img.fileInfo.name,
                            "pid": img.fileId, //图片id
                            "src": "fs/file/image.action?id="+img.fileId, //原图地址
                            "thumb": "fs/file/image.action?id="+img.fileId //缩略图地址
                        }) - 1;
                return '<li id="li_img_'+img.id+'"><img onclick="photoShow(\''+img.id+'\')" src="fs/file/image.action?id='+img.fileId+'" alt="'+img.fileInfo.name+'" title="'+img.fileInfo.name+'"/>' +
                        '<div class="img_close" onclick="delImg(\''+img.id+'\')"><i class="fa fa-close" aria-hidden="true"></i></div></li>';
            }
            //删除图片
            function delImg(id){
                if(id){
                    jo.showLoading();
                    jo.postAjax("travel/travelFile/delete", {"id":id}, function(json){
                        if(json && json.code == 0){
                            //移除对应li
                            $("#li_img_"+id).remove();
                            //整理imgArr和idxMap
                            imgArr.splice(idxMap[id], idxMap[id]);//删除原先位置的被删除图片
                            //重新建立索引关系
                            for(var i=0;i<imgArr.length;i++){
                                idxMap[imgArr[i].id] = i;
                            }
                            jo.showMsg("删除成功!", {icon:1});
                        }
                        jo.showLoading(false);
                    }, true);
                }
            }
            var imgArr = [];//图片信息数组,用于幻灯片
            var idxMap = {};//图片id在imgArr中的位置映射
            //照片幻灯片展示
            function photoShow(imgId){
                var json = {
                    "title": "相册", //相册标题
                    "id": 123, //相册id
                    "start": idxMap[imgId], //初始显示的图片序号，默认0
                    "data": imgArr
                };
                layer.photos({
                    photos: json
                    ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                });
            }

            //上传照片
            var UPLOAD_FILE_TYPES = "jpg,png";//上传图片格式要求
            function upload(){
                if(joForm.params.PKValue){
                    jo.uploadFile("travel/travelFile/uploadImg?sourceId=" + joForm.params.PKValue, function(success, file, json){
                        if(success && json){
                            jo.closeUploadDialog();//关闭上传窗口
                            if(json.code == "0" && json.data[0]){
                                $("#ul_img").append(getImgHtml(json.data[0]));
                                jo.showMsg("上传成功", {icon:1});
                            }else{
                                jo.showMsg(json.info);
                            }
                        }
                    });
                }
            }
        </script>
    <style>
        .item-checked{
            color: #EA2000;
        }
        .ul_img{
            list-style: none;
            padding: 0px 0px 5px 0px;
            margin: 0px;
        }
        .ul_img::after{
            content: '';
            display: block;
            clear: both;
        }
        .ul_img>li{
            float: left;
            width: 230px;
            height: 145px;
            margin: 5px 5px 0px 0px;
            border: #dddddd solid 1px;
            padding: 2px;
            overflow: hidden;
            position: relative;
        }
        .ul_img>li>img{
            width: 100%;
            cursor: pointer;
            /*max-height: 100%;*/
        }
        .img_oper{
            position: absolute;bottom: 0px;left: 0px;width: 100%;
            background: rgba(0,0,0,0.6);
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: #ffffff;
            font-weight: bolder;
            display: none;
        }
        .img_close{
            position: absolute;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            top: 2px;
            right: 2px;
            background: rgba(0,0,0,0.6);
            color: #ffffff;
            font-weight: bolder;
            cursor: pointer;
        }
        .img_close:hover{
            font-size: 14px;
            opacity: 0.8;
        }
    </style>
</head>
<body class="">
<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12 col-lg-12 col-md-12 col-sm-12" style="background-color: #e4eaec;">
            <%--按钮栏--%>
            <div class="form-group button-bar" style="padding: 0px 0px;margin: 7px 0px;">
                <button type="button" isShow="joForm.isAdd" class="btn btn-sm btn-outline btn-primary" onclick="joForm.save()">
                    <i class="fa fa-plus-circle" aria-hidden="true"></i>&nbsp;新增
                </button>
                <button type="button" isShow="!joForm.isAdd" class="btn btn-sm btn-outline btn-primary" onclick="joForm.update()">
                    <i class="fa fa-pencil-square" aria-hidden="true"></i>&nbsp;修改
                </button>
                <button type="button" isShow="!joForm.isAdd" class="btn btn-sm btn-outline btn-danger" onclick="joForm.del()">
                    <i class="fa fa-trash" aria-hidden="true"></i>&nbsp;删除
                </button>
            </div>
            <%--按钮栏--%>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12 col-lg-12 col-md-12 col-sm-12">
            <%--胶囊选项卡--%>
            <ul class="nav nav-tabs" style="margin-top: 5px;">
                <li class="active"><a class="cursor-hand" data-target="#base" data-toggle="pill">基 本 信 息</a></li>
                <li><a class="cursor-hand" data-target="#grade" data-toggle="pill">评 价 详 情</a></li>
                <li><a class="cursor-hand" data-target="#img" data-toggle="pill">照 片 信 息</a></li>
            </ul>
            <div class="tab-content" style="margin-top: 5px;">
                <%--基本信息--%>
                <div class="tab-pane fade in active" id="base">
                    <form id="pageForm" name="pageForm" action="" method="post" style="margin-top: 5px;">
                        <table class="table table-bordered  table-condensed dataTables-example dataTable no-footer">
                            <tr>
                                <td width="15%" class="active" align="">单体编号</td>
                                <td class="tnt">
                                    <input type="hidden"  name="id" class="form-control input-sm" />
                                    <input type="text"  name="code" class="form-control input-sm"/>
                                </td>
                                <td width="15%" class="active must" align="">单体名称</td>
                                <td class="tnt">
                                    <input type="text"  name="name" class="form-control input-sm" ErrEmpty/>
                                </td>
                            </tr>
                            <tr>
                                <td width="15%" class="active must" align="">主　　类</td>
                                <td class="tnt">
                                    <select ErrEmpty name="typeOne" id="typeOne" onchange="choiceOne()" class="joSelect form-control input-sm" firstItem='{"id":"","name":""}' dataurl="travel/sourceType/getSourceTypeList.action?stype=1" keyfield="id" valuefield="name"></select>
                                </td>
                                <td class="active must" align="">亚　　类</td>
                                <td class="tnt">
                                    <select ErrEmpty name="typeTwo" id="typeTwo" onchange="choiceTwo()" class="joSelect form-control input-sm" firstItem='{"id":"","name":""}' dataurl="travel/sourceType/getSourceTypeList.action?stype=1" keyfield="id" valuefield="name"></select>
                                </td>
                            </tr>
                            <tr>
                                <td width="15%" class="active must" align="">基本类型</td>
                                <td class="tnt">
                                    <select ErrEmpty name="typeThree" id="typeThree" class="joSelect form-control input-sm" data='' firstItem='{"id":"","name":""}' dataurl="" keyfield="id" valuefield="name"></select>
                                </td>
                                <td class="active" align="">邮政编码</td>
                                <td class="tnt">
                                    <input type="text"  name="postalCode" class="form-control input-sm" />
                                </td>
                            </tr>
                            <tr>
                                <td class="active" align="">主管单位</td>
                                <td class="tnt" colspan="3">
                                    <input type="text"  name="org" class="form-control input-sm" />
                                </td>
                            </tr>
                            <tr>
                                <td class="active" align="">行政位置</td>
                                <td class="tnt" colspan="3">
                                    <input type="text"  name="addr" class="form-control input-sm" />
                                </td>
                            </tr>
                            <tr>
                                <td class="active" align="">地理位置</td>
                                <td class="tnt" colspan="3">
                                    <div class="input-group">
                                        <span class="input-group-addon">东经</span>
                                        <input type="text" name="longitude" class="form-control input-sm">
                                        <span class="input-group-addon" style="border-right: none;border-left: none;">北纬</span>
                                        <input type="text" name="latitude" class="form-control input-sm">
                                    </div>
                                </td>

                            </tr>

                            <tr>
                                <td class="active" align="">性质与特征</td>
                                <td class="tnt" colspan="3">
                                    <textarea  name="natureAndFeature" class="form-control input-sm" rows="4" placeholder="（单体性质、形态、体量、结构、组成成分的外在表现和内在因素，以及单体生成过程、演化历史、人事影响等主要环境因素）"></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td class="active" align="">旅游区域及进出条件</td>
                                <td class="tnt" colspan="3">
                                    <textarea  name="areaAndCondition" class="form-control input-sm" rows="4" placeholder="（单体所在地区的具体部位、进出交通、与周边旅游集散地和主要旅游区之间关系）"></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td class="active" align="">保护与开发现状</td>
                                <td class="tnt" colspan="3">
                                    <textarea  name="protectSituation" class="form-control input-sm" rows="4" placeholder="（单体保存现状、保护措施、开发情况）"></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td class="active" align="">调 查 人</td>
                                <td class="tnt">
                                    <input type="text"  name="surveyPerson" class="form-control input-sm" />
                                </td>
                                <td class="active" align="">审 核 人</td>
                                <td class="tnt">
                                    <input type="text"  name="checkPerson" class="form-control input-sm" />
                                </td>
                            </tr>

                        </table>
                    </form>
                </div>

                <%--评价部分--%>
                <div class="tab-pane fade in" id="grade">
                    <table class="table table-bordered  table-condensed dataTables-example dataTable no-footer" style="margin: 0px;">
                        <tr>
                            <td width="15%" class="active" align="">得　　分</td>
                            <td class="tnt">
                                <input type="text"  name="grade" class="form-control input-sm" />
                            </td>
                            <td width="15%" class="active" align="">等　　级</td>
                            <td class="tnt">
                                <input type="text"  name="rank" class="form-control input-sm" />
                            </td>
                        </tr>
                        <tr>
                            <td class="active" align="">填 表 人</td>
                            <td class="tnt">
                                <input type="text"  name="gradePerson" class="form-control input-sm" />
                            </td>
                            <td class="active" align="">调查日期</td>
                            <td class="tnt">
                                <input type="text" onclick="laydate()" name="surveyDate" class="form-control input-sm" />
                            </td>
                        </tr>
                    </table>
                    <table class="table table-bordered  dataTables-example dataTable no-footer table-line-auto" style="line-height: 1.7;">
                        <caption>
                            <b>共有因子评价问答（你认为本单体属于下列评价项目中的哪个档次，应该得多少分数，在最后一列内写上分数）</b>
                        </caption>
                        <thead>
                            <tr class="def-table-header text-center font-14">
                                <th width="23%" class="">评 价 项 目</th>
                                <th width="50%" class="">档 次</th>
                                <th width="15%" class="">本档次规定得分</th>
                                <th width="12%" class="">你认为应得的分数</th>
                            </tr>
                        </thead>
                        <tbody id="item_show">
                        <tr>
                            <td rowspan="4"><b>单体为有课提供的观赏价值,或游戏价值,或使用价值如何?</b></td>
                            <td>全部或其中一项具有较高的观赏价值,游戏价值,使用价值</td>
                            <td class="text-center">30-22</td>
                            <td><input type="text" name="" class="form-control input-sm text-center"></td>
                        </tr>
                        <tr>
                            <td>全部或其中一项具有较高的观赏价值,游戏价值,使用价值</td>
                            <td class="text-center">30-22</td>
                            <td><input type="text" name="" class="form-control input-sm text-center"></td>
                        </tr>
                        <tr>
                            <td>全部或其中一项具有较高的观赏价值,游戏价值,使用价值</td>
                            <td class="text-center">30-22</td>
                            <td><input type="text" name="" class="form-control input-sm text-center"></td>
                        </tr>
                        <tr>
                            <td>全部或其中一项具有较高的观赏价值,游戏价值,使用价值</td>
                            <td class="text-center">30-22</td>
                            <td><input type="text" name="" class="form-control input-sm text-center"></td>
                        </tr>
                        <tr>
                            <td rowspan="4"><b>单体为有课提供的观赏价值,或游戏价值,或使用价值如何?</b></td>
                            <td>全部或其中一项具有较高的观赏价值,游戏价值,使用价值</td>
                            <td class="text-center">30-22</td>
                            <td><input type="text" name="" class="form-control input-sm text-center"></td>
                        </tr>
                        <tr>
                            <td>全部或其中一项具有较高的观赏价值,游戏价值,使用价值</td>
                            <td class="text-center">30-22</td>
                            <td><input type="text" name="" class="form-control input-sm text-center"></td>
                        </tr>
                        <tr>
                            <td>全部或其中一项具有较高的观赏价值,游戏价值,使用价值</td>
                            <td class="text-center">30-22</td>
                            <td><input type="text" name="" class="form-control input-sm text-center"></td>
                        </tr>
                        <tr>
                            <td>全部或其中一项具有较高的观赏价值,游戏价值,使用价值</td>
                            <td class="text-center">30-22</td>
                            <td><input type="text" name="" class="form-control input-sm text-center"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>

                <%--照片信息--%>
                <div class="tab-pane fade in" id="img">
                    <button type="button" isShow="!joForm.isAdd" class="btn btn-sm btn-outline btn-primary" onclick="upload()">
                        <i class="fa fa-upload" aria-hidden="true"></i>&nbsp;上传照片
                    </button>
                    <ul class="ul_img" id="ul_img">
                        <%--<li onmouseover="$(this).find('>.img_oper').show()" onmouseout="$(this).find('>.img_oper').hide()"><img src="fs/file/image.action?id=8b8989fe0e58472a9faa00fa12824cb4" width="100%"/><div class="img_oper"><i class="fa fa-trash" aria-hidden="true"></i>&nbsp;删除</div></li>
                        <li><img src="fs/file/image.action?id=14f5682d343441ab84deaaa0fba2d3fe" width="100%"/><div class="img_close"><i class="fa fa-close" aria-hidden="true"></i></div></li>
                        <li><img src="fs/file/image.action?id=8b8989fe0e58472a9faa00fa12824cb4" width="100%"/></li>
                        <li><img src="fs/file/image.action?id=14f5682d343441ab84deaaa0fba2d3fe" width="100%"/></li>
                        <li><img src="fs/file/image.action?id=8b8989fe0e58472a9faa00fa12824cb4" width="100%"/></li>
                        <li><img src="fs/file/image.action?id=14f5682d343441ab84deaaa0fba2d3fe" width="100%"/></li>--%>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</div>



<script src="<%=URL_STATIC%>static/plugin/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script type="text/javascript">
    jo.formatUI();//格式化jo组件
</script>
</body>
</html>
